<!DOCTYPE html>
<!--https://gsnedders.html5.org/outliner/-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--<article>-->
<!--<h1>这是一个section元素</h1>-->
<!--<p>这是一个section内容区域</p>-->
<!--<section>-->
<!--<h2>A</h2>-->
<!--<p>这是A内容区域</p>-->
<!--</section>-->
<!--<section>-->
<!--<h3>B</h3>-->
<!--<p>这是B内容区域</p>-->
<!--</section>-->
<!--</article>-->
<section>
    <h1>这是公司产品</h1>
    <p>这是公司产品的介绍</p>
    <article>
        <h2>A产品</h2>

        <p>这是A介绍</p>
    </article>
    <article>
        <h3>B产品</h3>

        <p>这是B介绍</p>
    </article>
</section>
</body>
</html>